@font-face{
    font-family: 'MyWebFont';
    src: url('../media/gothic-webfont.eot');
    src: url('../media/gothic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../media/gothic-webfont.woff') format('woff'),
        url('../media/gothic-webfont.ttf') format('truetype'),
        url('../media/gothic-webfont.svg#webfont') format('svg');
}
body{
    font-family:'MyWebFont','tahoma','Arial','sans-serif';
    overflow-x:hidden;
    min-width:765px;
}
.clear{
    height:0;
    margin:0;
    padding:0;
    clear:both;
}
.img_link{
    border:none;
}
.display_none{
    display:none;
}
#main_bg{
    position:absolute;
    z-index:-1;
    top:0;
    left:50%;
    margin-left:350px;
    display:none;
}
#top_line{
    height:3px;
    margin:0;
    padding:0;
    background-color:#8eb3d9;
    width:100%;
}
#wrapper{
    width:765px;
    margin:0 auto;
    /*background:url('../images/bg.jpg') 720px 5px no-repeat;*/
}
#header{
    height:105px;
    padding-top:25px;
}
#logo{
    float:left;
    width:216px;
    margin-left:5px;
}
#menu{
    float:left;
    width:544px;
}
#flag{
    text-align:right;
    height:18px;
    padding:0 6px 0 0;
}
#flag img{
    cursor:pointer;
}
#menu_{
    padding:25px 0 0 50px;
    text-align:right;
}
#menu_ ul{
    color:#996633;
}
#menu_ ul li{
    display:inline;
    padding-left:35px;
}
#menu_ ul li:hover{
    background:url('../images/dot.jpg') 20px 5px no-repeat;
}
#menu_ ul li.current{
    background:url('../images/dot.jpg') 20px 5px no-repeat;
}
#menu_ ul li a{
    text-decoration:none;
    color:#996633;
    font-size:14px;
    font-weight:600;
}

#sub_menu_project{
    padding:5px 0 0 153px;
    text-align:right;
}
#sub_menu_project ul{
    color:#996633;
}
#sub_menu_project ul li{
    display:inline;
    padding-left:20px;
}
#sub_menu_project ul li:hover{
    background:url('../images/dot.jpg') 7px 6px no-repeat;
}
#sub_menu_project ul li.current{
    background:url('../images/dot.jpg') 7px 6px no-repeat;
}
#sub_menu_project ul li a{
    text-decoration:none;
    color:#b79370;
    font-size:14px;
}

#sub_menu_product{
    padding:5px 0 0 90px;
}
#sub_menu_product ul{
    color:#996633;
    text-align:right;
}
#sub_menu_product ul li{
    display:inline;
    padding-left:20px;
}
#sub_menu_product ul li:hover{
    background:url('../images/dot.jpg') 7px 6px no-repeat;
}
#sub_menu_product ul li.current{
    background:url('../images/dot.jpg') 7px 6px no-repeat;
}
#sub_menu_product ul li a{
    text-decoration:none;
    color:#b79370;
    font-size:14px;
}
#content{
    
}
#footer{
    height:25px;
    margin:0;
    padding:0;
    background-color:#8eb3d9;
    width:100%;
    color:#ffffff;
    font-size:14px;
    padding-top:10px;
}
#footer_{
    width:765px;
    margin:0 auto;
    text-align:right;
}
.content_box{
    background:url('../images/content_box_bg.png') top right no-repeat;
}
.footer{
    position:absolute;
    bottom:0;
}
/************************* HOME ***************************/
#home_l{
    width:380px;
    float:left;
}
#home_r{
    float:left;
    width:384px;
}
#home_r_thumb img{
    margin-left:3px;
    cursor:pointer;
}
.home_r_detail{
    padding-top:10px;
    padding-left:13px;
}
.home_r_detail h3{
    font-size:24px;
    color:#666666;
}
.home_r_detail p{
    font-size:12px;
    color:#666666;
    line-height:18px;
    margin-top:5px;
}
#about_us{
    padding:10px 12px;
    margin-top:2px;
}
#about_us a{
    text-decoration:none;
}
#about_us h2{
    font-size:30px;
    color:#666666;
}
#about_us p{
    font-size:12px;
    color:#666666;
    line-height:20px;
    margin-top:8px;
}
#about_us span{
    color:#996633;
}
.home-aboutus-detail-p{
    text-indent:20px;
}

/************************* CONTACT US ***************************/
#contact_l{
    background:url('../images/contact_frm_bg.jpg') top center no-repeat;
    width:370px;
    float:left;
    padding-bottom:5px;
}
#contact_r{
    width:385px;
    float:left;
}
#contact_tb{
    width:330px;
    margin-left:25px;
    font-size:14px;
    margin-top:13px;
}
#contact_tb tr td{
    height:57px;
}
#contact_tb tr td.td_left{
    width:80px;
    text-align:right;
    vertical-align:middle;
    color:#666666;
    padding-bottom:12px;
    height:45px;
}
#contact_tb tr td input{
    border:none;
    background:url('../images/contact_input_bg.jpg') top center no-repeat;
    width:218px;
    height:25px;
    padding:10px;
    font-size:16px;
}
#contact_tb tr td input:hover{
    background:url('../images/contact_input_bg_active.jpg') top center no-repeat;
}
#contact_tb tr td input:focus{
    background:url('../images/contact_input_bg_active.jpg') top center no-repeat;
}
#contact_tb tr td.td_textarea{
    height:156px;
}
#contact_tb tr td.td_textarea p{
    color:#666666;
    width:80px;
    text-align:right;
    height:15px;
}
#contact_tb tr td textarea{
    border:none;
    overflow: auto;
    background:url('../images/contact_textarea_bg.jpg') top center no-repeat;
    width:280px;
    height:117px;
    padding:10px;
    font-size:16px;
    margin-left:17px;
}
#contact_tb tr td textarea:hover{
    background:url('../images/contact_textarea_bg_active.jpg') top center no-repeat;
}
#contact_tb tr td textarea:focus{
    background:url('../images/contact_textarea_bg_active.jpg') top center no-repeat;
}

#contact_tb tr td #td_send_msg{
    float:left;
    width:207px;
    color:#9f9f9f;
    font-size:16px;
    padding-left:23px;
    margin-top:22px;
}
#contact_tb tr td #td_send_bt_{
    float:left;
    width:87px;
    margin-top:17px;
    padding-left:13px;
}
/*#contact_tb tr td.td_send_bt{*/
/*    font-size:16px;*/
/*    color:#9f9f9f;*/
/*    vertical-align:top;*/
/*    padding-left:5px;*/
/*    padding-top:0;*/
/*    line-height:25px;*/
/*}*/
/*#contact_tb tr td.td_send_bt img{*/
/*    margin-right:20px;*/
/*    cursor:pointer;*/
/*    float:right;*/
/*}*/

#contact_r h2{
    font-size:18px;
    color:#a6794d;
    margin-left:10px;
    line-height:22px;
}
#contact_r p.address{
    font-size:16px;
    color:#999999;
    margin-top:17px;
    line-height:19px;
    margin-left:10px;
}
#contact_r p.print_map{
    margin-top:11px;
    margin-left:10px;
}
#contact_r p.print_map img{
    cursor:pointer;
}
#contact_r p.contact_map{
    margin-top:8px;
    padding-left:15px;
}
#contact_r p.contact_map a{
    color:#996666;
    font-size:12px;
}
#contact_bottom{
    height:46px;
    margin-bottom:10px;
}

/************************* PROFILE ***************************/
#profile_title{
    font-size:42px;
    font-weight:bold;
    color:#a6794d;
    padding-left:10px;
}
#profile_title span{
    font-weight:normal;
    color:#cccccc;
}
#office_img{
    float:left;
    width:254px;
    margin-top:12px;
    margin-left:8px;
}
#office_img h3{
    font-size:14px;
    color:#a6794d;
    margin-top:10px;
}
#office_img p{
    font-size:12px;
    color:#666666;
    line-height:14px;
}
#office_detail{
    float:left;
    width:340px;
    margin-left:30px;
    font-size:14px;
    line-height:17px;
    padding:10px 0;
    color:#666666;
}
/* Tiny Scrollbar */
#office_detail .viewport { width: 320px; height: 315px; overflow: hidden; position: relative; }
#office_detail .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#office_detail .scrollbar{ background: transparent url(../images/office_detail_bar.jpg) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#office_detail .track { background: transparent url(../images/office_detail_bar.jpg) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#office_detail .thumb { background: transparent url(../images/office_detail_bar_.jpg) no-repeat 50% 100%; height: 45px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -1px; }
#office_detail .thumb .end { background: transparent url(../images/office_detail_bar_.jpg) no-repeat 50% 0; overflow: hidden; height: 5px; width: 13px; }
#office_detail .disable { display: none; }
/* end Tiny Scrollbar */
#office_detail p{
    margin-bottom:18px;
    color:#666666;
}
#office_detail h3{
    font-size:16px;
    color:#a6794d;
    margin-bottom:18px;
    font-weight:normal;
}
#office_thumb{
    float:left;
    width:102px;
    margin-left:22px;
}
#office_thumb img{
    margin-top:10px;
}
#office_thumb img:first-child{
    margin-bottom:10px;
}
#profile_bottom{
    height:46px;
    margin-bottom:10px;
}

/************************* PROJECT ***************************/
#project_l{
    width:350px;
    height:260px;
    float:left;
    padding:5px;
    border:1px solid #999;
    text-align:center;
    margin-right:10px;
}
#project_img{
    /*border:1px solid #999;*/
}
#project_r{
    float:left;
    width:393px;
    /*padding-top:10px;*/
    margin-bottom:10px;
}
#project_r_detail{
    min-height:210px;
    width:385px;
    margin-left:7px;
}
#project_r_detail_date{
    font-size:12px;
    font-style:italic;
    color:#7f7f7f;
    display:none;
}
#project_r_detail_title{
    font-size:18px;
    color:#a6794d;
    margin:0 0 5px 0;
    line-height: 26px;
    min-height:35px;
}
#project_r_detail_{
    line-height:22px;
    color:#adacac;
}
#project_r_detail_ span{
    color:#adacac;
}
#project_r_detail_ span.span_owner-title{
    color:#b79370;
}
.span_owner-title{
    color:#b79370;
}
.owner-title{
    color:#adacac;
    display:block;
    float:left;
    width:301px;
}
.span_owner{
    display:block;
    float:left;
    width:64px;
}
#project_cert{
    text-align:right;
}
#project_r_thumb{
    height:60px;
}
#project_r_thumb_next{
    float:left;
    width:18px;
    cursor:pointer;
}
#project_r_thumb_list{
    float:left;
    width:355px;
}
#project_r_thumb_list ul li{
    padding:7px 0 0 0;
}
#project_r_thumb_list ul li img{
    width:63px;
    height:50px;
    margin:0 1px;
    cursor:pointer;
    padding:2px;
    border:1px solid #999;
}
#project_r_thumb_list ul li img.thumb_active{
    background:url('../images/project_thumb_gallery_active_bg.jpg') top center no-repeat;
    border:none;
    padding:3px;
}
#project_r_thumb_prev{
    float:left;
    width:18px;
    cursor:pointer;
}

#project_list_box{
    padding:10px 0 10px 0;
    margin-top:2px;
}
#project_list_box h2{
    font-size:22px;
    color:#666666;
    margin:0 0 10px 15px;
}
#project_list_prev{
    float:left;
    width:18px;
    cursor:pointer;
    padding-top:11px;
}
#project_list{
    float:left;
    width:675px;
    margin:0 27px;
}
#project_list ul li{
    padding:7px 0 0 0;
}
#project_list ul li img{
    width:113px;
    height:75px;
    margin:0 8px;
    cursor:pointer;
    padding:2px;
    border:1px solid #999;
}
#project_list ul li img.thumb_active{
    background:url('../images/project_gallery_active_bg.jpg') top center no-repeat;
    padding:3px;
    border:none;
}
#project_list_next{
    float:left;
    width:18px;
    cursor:pointer;
    padding-top:11px;
}
.project_thumb_gallery_list_caption{
    position:absolute;
    top:50%;
    margin-top:5px;
    margin-left:11px;
    height:20px;
    font-size:12px;
    text-align:center;
    padding-top:5px;
    background-color:#000000;
    width:113px;
    color:#ffffff;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    cursor:pointer;
}

#projects_ctrl{
    margin-bottom:40px;
    width:100%;
}
#projects_ctrl a{
    color:#996633;
    font-size:14px;
    text-decoration:none;
}
#projects_ctrl a:hover{
    color:#7f7f7f;
}

#projects_prev{
    float:left;
    width:49%;
    text-align:left;
}
#projects_next{
    float:left;
    width:49%;
    text-align:right;
}

/************************* PRODUCT ***************************/
#product_l{
    width:350px;
    height:290px;
    float:left;
    padding:10px;
}
#product_l .product_l_img{
    width:350px;
    height:260px;
    text-align:center;
    border:1px solid #999;
}
#product_l #product_l_title{
    padding:5px 0 0 8px;
    height:23px;
    background-color:#8eb3d9;
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    margin-top:3px;
}
#product_r{
    float:left;
    width:393px;
    padding-top:10px;
}
#product_r_detail{
    height:73px;
    line-height:22px;
    color:#adacac;
    padding-left:20px;
}
#product_r_detail span{
    color:#b79370;
}
.product_order{
    text-align:right;
    padding-right:20px;
}
.product_order img{
    cursor:pointer;
}
#product_r_thumb{
    height:60px;
}
#product_r_thumb_next{
    float:left;
    width:18px;
    cursor:pointer;
    margin-top:-3px;
}
#product_r_thumb_list{
    float:left;
    width:355px;
}
#product_r_thumb_list ul li{
    padding:0 0 0 0;
}
#product_r_thumb_list ul li img{
    width:63px;
    height:50px;
    margin:0 1px;
    cursor:pointer;
    padding:2px;
    border:1px solid #999;
}
#product_r_thumb_list ul li img.thumb_active{
    background:url('../images/project_thumb_gallery_active_bg.jpg') top center no-repeat;
    padding:3px;
    border:none;
}
#product_r_thumb_prev{
    float:left;
    width:18px;
    cursor:pointer;
    margin-top:-3px;
}
#product_r .product_img{
    margin-top:5px;
    margin-bottom:13px;
    height:112px;
}
#product_r .product_img #product_img{
    width:274px;
    height:112px;
    margin-left:20px;
}

#product_list_box{
    padding:10px 0 10px 0;
    margin-top:2px;
}
#product_list_box h2{
    font-size:22px;
    color:#666666;
    margin:0 0 10px 15px;
}
#product_list_prev{
    float:left;
    width:18px;
    cursor:pointer;
    padding-top:11px;
}
#product_list{
    float:left;
    width:675px;
    margin:0 27px;
}
#product_list ul li{
    padding:7px 0 0 0;
}
#product_list ul li img{
    width:113px;
    height:75px;
    margin:0 8px;
    cursor:pointer;
    padding:2px;
    border:1px solid #999;
}
#product_list ul li img.thumb_active{
    background:url('../images/project_gallery_active_bg.jpg') top center no-repeat;
    padding:3px;
    border:none;
}
#product_list_next{
    float:left;
    width:18px;
    cursor:pointer;
    padding-top:11px;
}
.product_thumb_gallery_list_caption{
    position:absolute;
    top:50%;
    margin-top:5px;
    margin-left:11px;
    height:20px;
    font-size:12px;
    text-align:center;
    padding-top:5px;
    background-color:#000000;
    width:113px;
    color:#ffffff;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    cursor:pointer;
}
#no_product{
    text-align:center;
    padding:150px 0;
    color:#999999;
	font-size:26px;
}

/************************* ALL PROJECT ***************************/
.project_all_box{
    padding:0 0 30px 0;
}
.project_l{
    width:350px;
    height:260px;
    float:left;
    padding:5px;
    margin-right:10px;
    border:1px solid #999;
    text-align:center;
}
.project_img{
    /*width:350px;*/
    /*height:260px;*/
}
.project_r{
    float:left;
    width:393px;
    /*padding-top:10px;*/
}
.project_r_detail{
    min-height:210px;
    width:370px;
    margin-left:22px;
}
.project_r_detail_date{
    font-size:12px;
    font-style:italic;
    color:#7f7f7f;
}
.project_r_detail_title{
    font-size:18px;
    color:#a6794d;
    margin:-5px 0 5px 0;
    /*font-weight:bold;*/
    line-height:26px;
}
.project_r_detail_{
    line-height:22px;
    color:#adacac;
}
.project_r_detail_ span.title{
    color:#b79370;
}
.project_cert{
    text-align:right;
}

.project_r_thumb{
    height:60px;
}
.project_r_thumb_list{
    float:left;
    width:355px;
}
.project_r_thumb_list ul li img.thumb_active{
    background:url('../images/project_thumb_gallery_active_bg.jpg') top center no-repeat;
}
.owner-title-project-page{
    width:320px;
}
.span_owner_en{
    width:64px;
}
.span_owner_th{
    width:63px;
}